<!DOCTYPE html>
<html style="background: #fff;">
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="yes" name="apple-touch-fullscreen">
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <meta charset="UTF-8">
    <title>活动发布</title>
    <link rel="stylesheet" type="text/css" href="css/swiper.min.css" />
    <link href="css/mui.min.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" type="text/css" href="layui/css/layui.css"/>
    <script type="text/javascript" src="js/flexible.js"></script>
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <link rel="stylesheet" type="text/css" href="css/style.css">
    <link rel="stylesheet" type="text/css" href="css/mui.picker.min.css">
    <style type="text/css">
        .mui-dtpicker-title h5{
            padding:8px 0px;
        }
        .inp-div input{
            border: none;
            height: 1.173rem;
            font-size: 0.4rem;
            color: #323332;
            padding-left: 0.16rem;
        }
        .inp-div input:first-child{
            float: left;
            width: 48%!important;
        }
        .inp-div input:last-child{
            float: right;
            width: 48%!important;
        }
    </style>
</head>
<body style="background:none;">
<div class="me-form layui-form">
    <div class="me-form-box" style="background:#fff;">
        <div class="me-form-box-dw"><input type="text" value="" placeholder="活动名称(必填)" lay-verify="required" name="name"></div>
    </div>
    <div class="me-form-box" style="background:#fff;">
        <div class="me-form-box-dw" style="background:url(images/my-rightS.jpg) no-repeat right center;background-size:0.213rem  0.347rem;"><input type="text" value="" class="me-nx" lay-verify="required" placeholder="活动分类(必填)" name="setupDate"></div>
    </div>
    <div class="me-form-box" style="margin-bottom:0;background:#fff;border-bottom:1px solid #e6e6e6">
        <div class="me-form-box-dw"><input type="text" value="" placeholder="主办方联系电话(必填)" lay-verify="required|phone" name="phone"></div>
    </div>
    <div class="me-form-box" style="margin-bottom:0;background:#fff;border-bottom:1px solid #e6e6e6">
        <div class="me-form-box-dw"  style="background:url(images/my-rightS.jpg) no-repeat right center;background-size:0.213rem  0.347rem;"><input type="text" value="" class="me-lx" placeholder="地址(必填)" lay-verify="required" name="categoryName"></div>
    </div>
    <div class="me-form-box" style="background:#fff;">
        <div class="me-form-box-dw"><input type="text" value="" placeholder="详细地址(必填)" lay-verify="required|phone" name="phone"></div>
    </div>

    <div class="me-form-box" style="margin-bottom:0;background:#fff;border-bottom:1px solid #e6e6e6">
        <div class="me-form-box-dw inp-div">
            <input type="text" value="" placeholder="开始日期(必填)" lay-verify="required|phone" name="phone">
            <input type="text" value="" placeholder="结束日期(必填)" lay-verify="required|phone" name="phone">
        </div>
    </div>
    <div class="me-form-box" style="background:#fff;">
        <div class="me-form-box-dw inp-div">
            <input type="text" value="" placeholder="开始时间(必填)" lay-verify="required|phone" name="phone">
            <input type="text" value="" placeholder="结束时间(必填)" lay-verify="required|phone" name="phone">
        </div>
    </div>

    <div class="me-form-box" style="margin-bottom:0;background:#fff;border-bottom:1px solid #e6e6e6">
        <div class="me-form-box-dw"><input type="text" value="" placeholder="票数(必填)" lay-verify="required|phone" name="phone"></div>
    </div>
    <div class="me-form-box" style="background:#fff;">
        <div class="me-form-box-dw"><input type="text" value="" placeholder="限购票数/每人(张)" lay-verify="required|phone" name="phone"></div>
    </div>

    <input type="hidden" value="" name="categoryId" id="categoryId">
    <div class="me-form-box-text">
        <div class="me-form-box-dw" style="padding-bottom: 0.227rem;padding-bottom:0.5rem;">
            <textarea placeholder="详情（100 - 500字）" name="detail" id="detail"  style="rize:none;"></textarea>
            <p><span id="num">0</span>/500</p>
        </div>
    </div>
    <div class="me-form-box-text" style="padding-bottom:0.32rem;border-bottom:none;">
        <div class="me-form-box-dw" style="overflow: hidden;">
            <h2>照片</h2>
            <ul class="me-form-box-img">
                <li><img id="img1" src="images/add-mc.jpg" alt=""/><input id="file1" type="file" name="photo" onchange="photo(this,'img1')" ></li>
            </ul>
        </div>
    </div>
    <input type="button" lay-submit value="发布" lay-filter="outfitBtn" class="btn"/>
</div>
</body>
<script type="text/javascript" src="./js/swiper.jquery.min.js"></script>
<script type="text/javascript" src="./js/mui.min.js"></script>
<script type="text/javascript" src="./js/mui.picker.min.js"></script>
<script src="layui/layui.js" type="text/javascript" charset="utf-8"></script>
<script src="js/data/submit.js" type="text/javascript" charset="utf-8"></script>
<script>
    var mySwiper = new Swiper('.swiper-container', {
        slidesPerView :'2.24',
        onTransitionEnd: function(swiper){
            if(swiper.progress==1){
                swiper.activeIndex=swiper.slides.length-1
            }
        }
    })
    mui("body").on('tap','.me-lx',function(){
        //获取id
        var that = this;
        //类型
        var pickerLx = new mui.PopPicker();
        pickerLx.setData(typeArr)
        pickerLx.show(function (selectItems) {
            $(that).val(selectItems[0].text);
            $("#categoryId").val(selectItems[0].value);
        })
    })
    mui("body").on('tap','.me-nx',function(){
        //获取id
        var that = this;
        //年限
        var pickerNx = new mui.DtPicker({
            type:"date"
        });
        pickerNx.show(function (selectItems) {
            //console.log(selectItems.text);//智子
            //console.log(selectItems);//zz )
            $(that).val(selectItems.text);
        })
    })
</script>
</html>
